<template name="search">
	<view class="search-box" @click="search">
		<view class="category-search">
			<image src="../static/index-search.png" class="category-search-img"></image>
			<text class="category-search-text1">|</text> 
			<text class="category-search-text"></text>
			<input type="text" value=""  class="category-search-input" placeholder="搜索"/>
		</view>
	</view>
</template>

<script>
	export default {
		name:"search",
		data() {
			return {
				
			};
		},
		methods:{
			search(){
				uni.navigateTo({
					url:'/pages/search/search'
				})
			}
		}
	}
</script>

<style>
.search-box{background: #FFFFFF;height: 80rpx;left: 0;position: fixed;top: 0;width: 100%;z-index: 300;position: fixed;display: flex;box-shadow: 0 2upx 10upx rgba(0,0,0,.06);}
	.category-search{align-items: center;background: #f7f7f7;border-radius: 50rpx;display: flex;height: 60rpx;line-height:60rpx;width: 94%;margin: 10rpx 3%;justify-content: space-between;}
	.category-search-img{width: 40rpx;height: 40rpx;margin: 10rpx 20rpx;}
	.category-search-text{color: #8b8b8b;font-size: 26rpx;height: 60rpx;line-height: 60rpx;}
	.category-search-input{color: #8b8b8b; border-radius: 50rpx;height: 60rpx;line-height: 60rpx;font-size: 26rpx;width: 90%;text-indent: 10rpx;padding:0 10rpx;}
	.category-search-text1{color: #c8c8c8;font-size: 30rpx;}
</style>
